import React from 'react'
import Item from '../item/index'
export default function index(props) {
    //    console.log(props.todos[0]);
    var todos = props.todos
    // console.log(todos, "listtodos");

    const changeitem = (id, change) => {
        props.getchange(id, change)
    }
    const delettodos = (id) => {
        console.log('list', id, props.delettodoAPP);
        props.delettodoAPP(id)
    }
    return (
        <div>
            {
                todos.map(
                    (item, index) => {
                        console.log(item, "listtodos");
                        return <Item key={item.id} {...item} changes={changeitem} delettodoss={delettodos} />
                    })
            }   
        </div>
    )
}
